$basePX:16;
$scale:0.85;
$timer-text:1.5s;

body{
    @if($DEBUG == true){
        @include debugmessage("Default media fired", "yellow");
    }
}

@mixin bd-1{
    border: 1px solid #c7c7c7;
    @include border-radius(4px);
}

/***************** SETTING WIDTH FOR HEADER - CONTENT - FOOTER  ********************/
.header,
.content,
.slider,
.footer{ width: $width; margin:0px auto; padding:0; }

/***************** HEADER ********************/
#max-header{
    @include bg('bg-header.png',0,0,repeat-x);
    position: relative; z-index: 10;
    min-height: 143px;
}
.header{
    display: block;
    .soc-link{
        float: right;
        margin-top: 20px;
        a#soc-facebook{
            display: block; text-indent: -9999px;
            @include bg("imgFB.png");
            width: 32px; height: 32px;
        }
    }
}
.logo{
    float: left;
    display: block;
    width: 401px;
    height: 49px;
    margin-bottom: 0;
    margin-top: 40px;
    a{
        display: block; text-indent: -9999px;
        @include bg("imgLogo.png");
        width: 401px; height: 49px;
    }
}
.nav-wrapper{
    display: block;
    margin-top: 14px;
}
#lstNav{
    display: block;
    & > li{
        float: left;
        position: relative; z-index: 1;
        &:hover{
            .submenu-1{ display: block; }
        }
        & >  a{
            display: block;
            border-bottom: 4px solid #d5d5d5;
            font-size: 14px;
            padding: 10px 18px;
            &.active{
                border-color: #000;
            }
            &:hover{
                color: $c-blue;
            }
        }
    }
    .submenu-1, .submenu-2{
        a{
            display: block;
            padding: 6px 0 6px 17px;
            &.hasSub{
                @include bg("imgArrow-1.png", 95%, center );
                background-color: #d1d1d1;
            }
            &:hover{
                background-color: #d1d1d1;
            }
        }
        li{
            border: 1px solid white;
            border-bottom: none;
        }
    }
    .submenu-1{
        display: none;
        background-color: #e0e0e0;
        position: absolute; z-index: 10;
        width: 185px;
        left: 0;
        top: 100%;
        & > li{

            position: relative; z-index: 1;
            &:hover{
                .submenu-2{ display: block; }
            }
        }

    }
    .submenu-2{
        display: none;
        background-color: #e0e0e0;
        position: absolute; z-index: 20;
        width: 185px;
        left:100%;
        top: -1px;
        a{
            display: block;
        }
    }
}
/***************** BODY STYLE ********************/

#body-style1{
    @include bg("bg-body1.png",top,center,repeat-x);
    background-color: #fff;
}
#body-style2{
    @include bg("bg-body2.png",top,center,repeat-x);
    background-color: #fff;
    // padding-top: 25px;
    padding: 25px 0;
}

/***************** SLIDER ********************/
.slider-wrapper{
    margin: 25px 0;
    @include bd-1();

    padding: 5px;
    background-color: #fff;
}
#slide-homepage{
    li{}
    a{
        display: block;
        position: relative; z-index: 1;

    }
    div.img-caption{
        position: absolute; z-index: 10;
        left: 20px; bottom: 20px;
        h2,h3{
            color: #FFF; margin: 0;
        }
        h2{ font-weight: bold; font-size: 25px; margin-bottom: 10px; }
        h3{ font-size: 14px; }
    }
}
/***************** HOMEPAGE ********************/
.welcome-wrapper{
    // needs latest Compass, add '@import "compass"' to your scss
    background-color: #ffffff; // Old browsers
    @include filter-gradient(#ffffff, #f3f3f3, vertical); // IE6-8
    // IE9 SVG, needs conditional override of 'filter' to 'none'
    $experimental-support-for-svg: true;
    @include background-image(linear-gradient(top,  #ffffff 0%,#f3f3f3 100%));
    @include bd-1();
    .wc-left{
        float: left;
        @include bg("imgShadow-1.png",right,center);
        width: 43%;
        margin: 10px 10px 10px 25px;
        padding-right: 35px;
        h2{
            font-size: 25px;
            font-weight: bold;

        }
    }
    .wc-right{
        margin: 10px;
        float: left;
        width: 45%;
        h3{
            font-size: 15px;
            font-weight: bold;
        }
    }
}
.list-partner{
    display: block;
    padding-bottom: 25px;
}
ul#lstPartner{
    li{
        float: left;
        margin: 27px 27px 0px 0;
        width: 260px;
        height: 100px;
        padding: 20px;
        @include bd-1();
        @include box-shadow(0px 0px 12px 0px #E4E4E4 inset);
        &:nth-child(3n+3){
            margin-right: 0;
        }
    }
    a{
        display: block;
        text-align: center;
        span{
            font-weight: bold;
            font-size: 15px;
            text-transform: uppercase;
            display: block;
            margin-bottom: 6px;
        }
        img{
            // display: block;
        }
    }
}
.footer{
    padding: 20px 0;
    p,a{ color: #FFF;}
    p{ float: left; margin: 0; }
    a{ float: right; }
}
/***************** TEMPLATE ********************/
.tpl-left{ float: left; width: 275px; margin-right: 20px; }
.tpl-right{
    float: left; width: 605px; padding: 15px;
    background-color: #fff;
    // margin-bottom: 20px;
    @include bd-1();
}
.box-content{
    // min-height: 433px;
    h1{ margin: 0 0 15px 0; font-size: 25px; font-weight: bold; }
    h2{ margin: 0 0 10px 0; font-weight: bold; font-size: 15px;}
    p{ line-height: 18px; }
}
.box-logo{
    margin: 20px 0 0 0;
    a.box-link{
        display: block;
        text-align: center;
        padding: 10px;
        @include bd-1();
        @include box-shadow(0px 0px 12px 0px #E4E4E4 inset);
        span{
            font-weight: bold;
            font-size: 15px;
            text-transform: uppercase;
            display: block;
            margin-bottom: 6px;
        }
        img{
            // display: block;
        }
    }
}
.box-img{
    @include bd-1();
    padding: 5px;
    background-color: #fff;
}
ul#lst-check{
    li{
        @include bg("imgArrow-4.png",left,center);
        padding-left: 25px;
        margin-bottom: 5px;
    }
}
.gal-tpl {
    @include bd-1();
    padding: 20px 30px;
    background-color: #fff;
    // margin-bottom: 25px;
}
/***************** BREADCUM ********************/
#lstBreadcum{
    li{
        float: left;
        @include bg("imgArrow-2.png",left,center);
        padding-left: 18px;
        margin-right: 10px;
        &:first-child{
            background: none;
            padding-left: 0;
        }
    }
}
h1.heading{ font-weight: bold; font-size: 25px; }
/***************** Gallery ********************/
.lstGallery-wrapper{
    display: block;
}
#lstGal{
    display: block;
    li{
        float: left;
        width: 430px;
        margin-right: 20px;
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px dotted #505050;
        &:nth-child(2n+2){
            margin-right: 0;
        }
        &.eachGal{
            a.gal-left{
                float: left;
                width: 174px;
                padding: 3px;
                background-color: #fff;
                border: 1px solid #cccccc;
                margin-right: 10px;
            }
            .gal-right{
                float: left;
                width: 235px;
                h3{
                    font-weight: bold;
                    margin: 0 0 5px 0;
                }
            }
        }
    }
}
#gal-large-wrapper{
    #gal-large{
        display: block;
        margin-bottom: 20px;
        height: 560px;
        li{
            background-color: #FFF;
            width: 100%;
            text-align: center;
            height: 560px;
            float: left;
            img{
                padding: 5px;
                @include bd-1();
                // width: 100%;
            }
        }
    }
    #gal-thumb{
        margin: 0 0 0 35px;
    }
}
#gal-thumb-wrapper{
    position: relative;
    z-index: 1;
    li{
        float: left;
        margin-right: 20px;
        height: 116px;
        img{
            padding: 2px;
            border: 1px solid #c7c7c7;
            @include border-radius(2px);
        }
    }
    a.btnThumb{
        display: block; text-indent: -9999px;
        width: 9px; height: 16px;
        position: absolute; z-index: 10;
        top: 50px;
        @include bg("imgArrow-3.png");
        &#btnThumb-prev{
            background-position: 0 0;
            left: 0px;
        }
        &#btnThumb-next{
            background-position: -17px 0;
            right: -5px;
        }
    }
}
.caroufredsel_wrapper, #gal-thumb{
    min-width: 840px;
}
/***************** CONTACT ********************/
.contact-left{
    float: left;
    width:250px;
    margin-right: 20px;
}
.contact-right{
    float: left;
    width: 310px;
}
.form-wrapper{
    input.f-input{
        background-color: #fff;
        color: #505050;
        line-height: 30px;
        height: 30px;
        padding: 0 6px;
        width: 295px;
        border: 1px solid #c5c5c5;
        margin-bottom: 8px;
    }
    textarea{
        border: 1px solid #c5c5c5;
        padding: 6px;
        color: #505050;
        width: 295px;
        height: 150px;
        font-family: Arial;
        font-size: 13px;
        resize: none;
        overflow: auto;
    }
    button{
        height: 28px;
        line-height: 28px;
        border: none;
        margin-top: 10px;
        @include border-radius(3px);
        @include bg("imgArrow-5.png",95%,center);
        background-color: #555656;
        padding: 0 30px 0 20px;
        font-weight: bold;
        color: #FFF;
    }
}
/***************** HEADER ********************/
/***************** HEADER ********************/